<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link type="text/css" rel="stylesheet" href="../css/mui.css" />
		<link type="text/css" rel="stylesheet" href="../css/yeji.css" />
		<link type="text/css" rel="stylesheet" href="../css/iconfont.css" />
		<link type="text/css" rel="stylesheet" href="../fonts/buchong/iconfont.css" />
		<link type="text/css" rel="stylesheet" href="../css/mui.picker.min.css" />
		<link type="text/css" rel="stylesheet" href="../css/app.css" />
		<title></title>
	</head>
	<body>
		<header style="background: #005aab;" class="mui-bar mui-bar-nav head">
			<span class="mui-icon mui-icon-back"></span>
			<h1 style="color: #FFFFFF; letter-spacing: 4px;" class="mui-title">业绩登记</h1>
			<span class="mui-icon mui-icon-more"></span>
		</header>
		<nav style="background: #cccccc;" id="bottomx" class="mui-bar mui-bar-tab">
		    <a class="mui-tab-item mui-active" href="yeji.html">
		        <span class="mui-icon iconfont icon-qiyedengji-copy"></span><br>
		        <span class="mui-tab-label">业绩登记</span>
		    </a>
		    <a class="mui-tab-item " href="jifen.html">
		        <span class="mui-icon iconfont icon-icon18"></span><br>
		        <span class="mui-tab-label">积分兑换</span>
		    </a>
		    <a class="mui-tab-item" href="center.html">
		        <span class="mui-icon iconfont icon-gerenzhongxin"></span><br>
		        <span class="mui-tab-label">个人中心</span>
		    </a>
		</nav>
		<div class="mui-content">
			<div class="mui-input-group">
			    <div class="mui-input-row">
			        <label>客户姓名</label>
			        <input type="text" class="mui-input-clear" placeholder="请输入您的姓名">
			    </div>
			    <div class="mui-input-row">
			        <label>身份证</label>
			        <input type="text" class="mui-input-clear" placeholder="请输入18位身份证号码">
			    </div>
			    <div class="mui-input-row">
			        <label>联系电话</label>
			        <input type="text" class="mui-input-clear" placeholder="请输入11位移动号码">
			    </div>
			    <div class="mui-input-row">
			        <label>贷款类型</label>
			      	<select>
			      		<option>点击选择产品</option>
			      		<option>1</option>
			      		<option>2</option>
			      		<option>3</option>
			      	</select>
			    </div>
			     <div class="mui-input-row">
			        <label>贷款金额</label>
			        <input class="ipt_1" type="text" class="mui-input-clear" placeholder="请输入金额">
			        <label class="lab_1">万元</label>
			    </div>
			    <div class="mui-input-row">
			        <label>贷款时间</label>
			        <input id="timerpick" onclick="timerpick()" type="text" class="mui-input-clear" placeholder="点击选择">
			    </div>
			    <div class="mui-input-row" id="zhihang">
			        <label>所属支行</label>
			        <div class="diqu">支行</div>
			        <button id="btn2" style="width: 25%; height: 38px; padding: 8px 2px !important; font-size: 14px;" type="button" class="mui-btn mui-btn-block" >支行</button>
			        <div class="diqu">地区</div>
			        <button id="btn3" style="width: 25%; height: 38px; padding: 8px 2px !important; font-size: 14px" type="button" class="mui-btn mui-btn-block" >地区</button>
			    </div>
			    <div class="mui-input-row" style="font-weight: 800 !important;">
			        <label>客户经理</label>
			        <input type="text" class="mui-input-clear" placeholder="点输入客户支行经理">
			    </div>
			    <div class="btns">
			    	<button type="button" class="mui-btn mui-btn-primary">提交审核</button>
			    </div>
			</div>
		</div>
	</body>
	<script src="../js/jquery1.9.1.js"></script>
	<script src="../js/mui.js"></script>
	<script src="../js/mui.picker.min.js"></script>
	<script>
		mui.init();
	</script>
	<script type="text/javascript">
		//底部导航栏点击跳转页面函数
		
    	function nav_tab(){
    		var nav = document.getElementById("bottomx");
	    	var nav_tab = nav.getElementsByClassName("mui-tab-item");
	    	for(var i=0;i<nav_tab.length;i++){
	    		(function(x){
	    			nav_tab[x].addEventListener('tap',function(){
				        window.location.href = this.href;
				    });
	    		})(i)
	    	}
    	}
    	nav_tab();
    	function timerpick(){
    		var timerpic=document.getElementById("timerpick");
    		var picker = new mui.DtPicker({
    			//选择类型，默认datetime(年月日时分)；
    			"type":"date",
    			//日期范围始；
    			"beginYear":2001,
    			//日期范围终；
    			"endYear":2050
    		});
			picker.show(function(rs) {
				timerpic.value =rs.text;
				//释放组件资源，释放之后将不能调用组件，需要是将重新初始化；
//				picker.dispose();
			})
    	}
    	var picker = new mui.PopPicker({
		    layer: 2
		});
    	picker.setData([{
	        value: '110000',
	        text: '安庆',
	        children: [{
	            value: "110101",
	            text: "宜秀"
	        },{
	        	value: "110101",
	            text: "怀宁石牌"	
	        },{
	        	value: "110101",
	            text: "怀宁高河"	
	        },{
	        	value: "110101",
	            text: "怀宁"	
	        },{
	        	value: "110101",
	            text: "枞阳湖滨路"	
	        },{
	        	value: "110101",
	            text: "建行枞阳"	
	        },{
	        	value: "110101",
	            text: "潜山潜阳路"	
	        },{
	        	value: "110101",
	            text: "潜山"	
	        },{
	        	value: "110101",
	            text: "中国建设银行股份有限公司宿松"	
	        },{
	        	value: "110101",
	            text: "中国建设银行股份有限公司宿松孚玉"	
	        },{
	        	value: "110101",
	            text: "太湖"	
	        },{
	        	value: "110101",
	            text: "望江"	
	        },{
	        	value: "110101",
	            text: "华中路"	
	        },{
	        	value: "110101",
	            text: "新渡"
	        },{
	        	value: "110101",
	            text: "桐城广场"
	        },{
	        	value: "110101",
	            text: "桐城六尺巷"
	        },{
	        	value: "110101",
	            text: "桐城支行营业部"
	        },{
	        	value: "110101",
	            text: "安庆石化"
	        },{
	        	value: "110101",
	            text: "集贤"
	        },{
	        	value: "110101",
	            text: "光彩分理处"
	        },{
	        	value: "110101",
	            text: "开发区"
	        },{
	        	value: "110101",
	            text: "城东"
	        },{
	        	value: "110101",
	            text: "中宜"
	        },{
	        	value: "110101",
	            text: "岳西"
	        },{
	        	value: "110101",
	            text: "城中"
	        },{
	        	value: "110101",
	            text: "安庆建行南翔分理处"
	        },{
	        	value: "110101",
	            text: "安庆人民路女子"
	        },{
	        	value: "110101",
	            text: "华茂"
	        },{
	        	value: "110101",
	            text: "蔡山路"
	        },{
	        	value: "110101",
	            text: "宜城分理处"
	        },{
	        	value: "110101",
	            text: "中兴大道"
	        }]
	    }, {
	        value: '120000',
	        text: '蚌埠',
	        children: [{
		        value: "120101",
	            text: "望淮塔"
	        },{
	            value: "120102",
	            text: "宏业路"
	        },{
	            value: "120104",
	            text: "西城"
	        },{
	            value: "120104",
	            text: "治淮路"
	        },{
	            value: "120104",
	            text: "广场"
	        },{
	            value: "120104",
	            text: "兴业街"
	        },{
	            value: "120104",
	            text: "光彩"
	        },{
	            value: "120104",
	            text: "万达广场"
	        },{
	            value: "120104",
	            text: "涂山"
	        },{
	            value: "120104",
	            text: "胜利"
	        },{
	            value: "120104",
	            text: "高新"
	        },{
	            value: "120104",
	            text: "东风"
	        },{
	            value: "120104",
	            text: "朝阳"
	        },{
	            value: "120104",
	            text: "车站"
	        },{
	            value: "120104",
	            text: "铁路"
	        },{
	            value: "120104",
	            text: "陶店"
	        },{
	            value: "120104",
	            text: "龙湖"
	        },{
	            value: "120104",
	            text: "建龙"
	        },{
	            value: "120104",
	            text: "五河青"
	        },{
	            value: "120104",
	            text: "五河"
	        },{
	            value: "120104",
	            text: "怀远禹都"
	        },{
	            value: "120104",
	            text: "怀远"
	        },{
	            value: "120104",
	            text: "营业部"
	        },{
	            value: "120104",
	            text: "水利"
	        }]
	    },{
	    	value: '120002',
	    	text: '豪州',
	    },{
	    	value: '120000',
	        text: '池州'
	    },{
	    	value: '120000',
	        text: '滁州'
	    },{
	    	value: '120000',
	        text: '阜阳'
	    },{
	    	value: '120000',
	        text: '淮北'
	    },{
	    	value: '120000',
	        text: '淮南'
	    },{
	    	value: '120000',
	        text: '黄山'
	    },{
	    	value: '120000',
	        text: '六安'
	    },{
	    	value: '120000',
	        text: '马鞍山'
	    },{
	    	value: '120000',
	        text: '省分行营业部'
	    },{
	    	value: '120000',
	        text: '铜陵'
	    },{
	    	value: '120000',
	        text: '芜湖'
	    },{
	    	value: '120000',
	        text: '宿州'
	    },{
	    	value: '120000',
	        text: '宣城'
	    }
    	])
    	var btn2=document.getElementById("btn2");
    	var btn3=document.getElementById("btn3");
    	var divs=document.getElementById("zhihang");
    	var btnns=divs.getElementsByTagName("button");
    	for(var i=0;i<btnns.length;i++){
    		btnns[i].addEventListener('tap',function(event){
    			picker.show(function(items) {
    				btn2.innerText=items[1].text;
    				btn3.innerText=items[0].text;
//					cityResult.innerText = "你选择的城市是:" + items[0].text + " " + items[1].text;
					//返回 false 可以阻止选择框的关闭
					//return false;
				});
    		}, false)
    	}
	</script>
</html>
